 <template>
    <el-aside class='aside'  width='180px;height: 100%;'>
        <img style="width:80%" src="../../assets/logo.png"></img>
            <!-- default-active="2"意味着进入本页面之后默认展示index为2的菜单 -->
        <el-menu
            default-active="/select"
            class="el-menu-vertical-demo"
            router>
            <el-menu-item index="/select" >
                <i class="el-icon-menu"></i>
                <span slot="title">当前游戏</span>
            </el-menu-item>
            <el-menu-item index="/remember">
                <i class="el-icon-menu"></i>
                <span slot="title">记牌器</span>
            </el-menu-item>
            <el-submenu>
                <template slot="title">
                <i class="el-icon-location"></i>
                <span>个人信息</span>
                </template>
                <el-menu-item index="/personalInfo">
                <template slot="title">信息维护</template>
                </el-menu-item>
                <el-menu-item index="/loginLog">
                <template slot="title">登录记录</template>
                </el-menu-item>
            </el-submenu>
            <el-menu-item index="/introduce">
                <i class="el-icon-menu"></i>
                <span slot="title">游戏介绍</span>
            </el-menu-item>
        </el-menu>
    </el-aside>
 </template>

<script>
export default {
  name: 'Navigation'
}
</script>

<style scoped>
   .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
</style>
